/**
 * 1通过id获取对象
 */
function $(id){
    return document.getElementById(id);
}
/**
 * 2登陆验证
 */
function login(){
    axios.get("/user/login",{
            params: {
                userName:$("userName").value,
                pwd:$("pwd").value,
                code:$("code").value
            }
        }

    ).then(
        resp=>{
            if(resp.data=="codeError"){
                $("errorDiv").innerHTML="验证码错误";
            }
           else if(resp.data=="ok"){
                location.href="/html/index.html"
            }else {
                $("errorDiv").innerHTML="账号或密码错误"
            }

        }
    )

}

/**
 * 3.显示弹出框
 */
function add(){
    $("addDiv").style.visibility="visible";
    $('addDiv').style.width = document.documentElement.clientWidth + "px";
    $('addDiv').style.height = document.documentElement.clientHeight + "px";
}

/**
 * 4.添加图片预览
 */
function fileChange(){
    var reader = new FileReader();//定义文件读取流对象
    reader.readAsDataURL(document.getElementById("myFile").files[0]);
    reader.onload = function (ev) {
        document.getElementById("faceImg").src = ev.target.result;
    }
}

/**
 * 5.以post方式提交添加
 */
function submit(){

    if(checkName()&checkPwd()&checkFace()){
        var formObj=new FormData();
        formObj.append("name",$("addName").value);
        formObj.append("pwd",$("addPwd").value);
        formObj.append("email",$("addEmail").value);
        formObj.append("pic",$("myFile").files[0]);
        //设置请求头
        let config = {
            headers: {'Content-Type': 'multipart/form-data' }
        }
        axios.post("/user/add",formObj,config).then(
            resp=>{
                if(resp.data=="ok") {
                    location.href="/html/login.html"
                }
            }
        )



    }
    else {
        $("submitInfo").innerHTML="请修改后再提交！";
        $("submitInfo").style.color="red";
    }
}

function changCode(){
    $("codeImg").src="/checkCode?"+Math.random();
}

/**
 *
 */
function checkName(){
    let rexp=/^[a-zA-Z\u4e00-\u9fa5]{2,10}$/;
    if(rexp.test($("addName").value)){
        axios.get("/user/checkName",{
            params:{
                name:$("addName").value
            }
        }).then(
            resp=>{
                if(resp.data=="ok"){
                    $("nameSpan").innerHTML="验证通过";
                    $("nameSpan").style.color="green";
                    $("nameSpan").style.fontSize="10px";
                }else{
                    $("nameSpan").innerHTML="用户名已存在,请更换";
                    $("checkNameDiv").style.color="red";
                    return false;
                }

            }
        )

        return true;
    }else {
        $("nameSpan").innerHTML="姓名必须为两位以上的字母或汉字";
        $("nameSpan").style.color="red";
        return false;

}
}

/**
 *
 */
function checkPwd(){
        let rexp=/^[\d]{2,10}$/;
        if(rexp.test($("addPwd").value)){
            $("pwdSpan").innerHTML="验证通过";
            $("pwdSpan").style.color="green";
            $("pwdSpan").style.fontSize="10px";
            return true;
        }else {
            $("pwdSpan").innerHTML="密码为2-10位数字";
            $("pwdSpan").style.color="red";
            return false
        }
    }

function checkFace(){
    let inPut=$("#myFile").get(0).files[0];
    console.info(inPut);
    if(inPut){
        return true;
    }
    return false;
}